WPF使用SVG简单整理 您所在的位置:网站首页 svg path合并 WPF使用SVG简单整理

WPF使用SVG简单整理

2024-05-16 21:17| 来源: 网络整理| 查看: 265

一、SVG是什么

它的英文全称为Scalable Vector Graphics,意思为可缩放的矢量图形。

 具体参考:https://www.w3.org/Graphics/SVG/

 

二、SVG制作

1、在iconfont网站选择要需要的图标加入到项目,进行编辑

2、在线网站svg文件编辑制作

    http://www.zuohaotu.com/svg/    https://www.zhangxinxu.com/sp/svg/    https://c.runoob.com/more/svgeditor/

3、使用Inkscape软件 

    这个软件在处理svg明显强大的多,有详细帮助文档和示例,具体参考官网。 

 

三、WPF里使用SVG

我常用的有三种方式:

1、单个图标的svg,

    直接复制path下面d属性的内容 到wpf Path里面使用,通常在Iconfont搜索下载

2、直接加载svg文件,就像加载图片路径一样

   需要使用svg文件的库:https://github.com/ElinamLLC/SharpVectors

3、将svg转换为xaml并将其与原生wpf对象一起使用

   首推 Inkscape软件能保存为Xaml文件,wpf里面直接使用。

   也可以使用开源工具:SvgToXaml 转换为DrawingImage 资源

   简单举例一个转换例子,渐变背景加一个图标。如下:

 

总结:推荐Inkscape设计svg文件,功能强大同时能导出很多种格式。 

 关于wpf如何使用 iconfont字体,下一篇单独总结

 



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有